<template>
  <ul class="info">
     <li>
       <p class="count"><span>0.00</span>元</p>
       <p class="text">我的余额</p>
     </li>
     <li>
       <p class="count"><span>0</span>个</p>
       <p class="text">我的优惠</p>
     </li>
     <li>
       <p class="count"><span>0</span>分</p>
       <p class="text">我的积分</p>
     </li>
  </ul>
</template>

<script>
export default {

}
</script>

<style scoped>
.info{
  display: flex;
  border-bottom: 12px solid #eee;
}
.info > li{
  flex: 1;
  text-align: center;
  font-size: 12px;
  border-right: 1px solid #eee;
  padding: 10px 0;
}
.info > li:nth-child(3){
  border:none;
}
.info > li p.count span{
  color:crimson;
  font-size: 19px;
  font-weight: 800;
}
.info > li p.text{
  line-height: 24px;
}
</style>